<template>
  <div class="qn-header">
    <Logo />
    <div class="menu-tag-cells">
      <MenuTag />
    </div>
    <TopBar />
  </div>
</template>
<script setup lang="ts">
import Logo from './Logo.vue'
import MenuTag from './MenuTag/Index.vue'
import TopBar from './TopBar.vue'
</script>
<style lang="scss" scoped>
.qn-header {
  display: flex;
  padding: 0 20px;
  justify-content: space-between;
  border-bottom: 1px solid var(--el-border-color);
  .menu-tag-cells {
    height: 100%;
    flex: 1;
    display: flex;
    align-items: center;
    margin: 0 20px;
  }
}
</style>
